'use strict';
/**
 * author：小小游 --- allen
 * date：2018.02.07
 * lastUpdateDate：2018.02.07
 * description：模版字符串的基本用法
 */
/**
 * 传统我们要拼接多个字符串通常通过+来实现，有了ES6字符模版，
 * 事情OK变得如此的简单，下面看个例子，如下所示：
 */
// 有点恶心
var html = '<div>' +
    '<span>hello allen!</span>' +
    '</div>';
// console.log(html);

/**
 * 看看ES6字符模版的写法，可以动态存入变量，存入判断表达式，
 * 还可以存入一个函数如下所示：
 */
var name = 'xiaoxiaoyou';
var gender = '男';
var age = 3;

function fn () {
    return '我就是小小游，英文名是allen!';
}

var html2 = `
    <div>
        <ul>
            <li>${fn ()}</li>
            <li>${gender}</li>
            <li>${age}</li>
        </ul>
    </div>
`;
console.log(html2);
